<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>CSS学习</title>
    <style type="text/css">
        /* CSS标签选择器 */
        div {
            width: 300px;
            height: 300px;
            background-color: cornsilk;
            font-size: 25px;
            color: darkmagenta;
        }

        /* <link rel="stylesheet" href="url">
     */
        #zhengjie {
            background-color: cornsilk;
            text-align: center;
            
        }
        h1,h2{
            width: 60px;
             margin: 0; 
        }
        .wahah {
            height: 50px;
            color: #889955;
        }
        h2.wahah{
            background-color: rgb(60, 11, 70);
            text-align: center;
        }

        ul li {
            color: brown;
            font-weight: bold;
        }



    </style>

    <link rel="stylesheet" type="text/css" href="index.css">

</head>

<body>
    <ul>
        <li>
            <a>wahahdfdsfsadfdsafadsfsdfsdf</a>
            <li>
                fsdfds
              </li>
        </li>
       
    </ul>

    <div>
        CSS 学习
    </div>
    <h1 id="zhengjie">z这个是真的吗</h1>
    <p>娃哈哈，这个是假的</p>
    <h1 class="wahah">这个是选择器</h1>
    <h2 class="wahah" style="height: 50px;">你是人马</h2>
</body>

</html>